require(["../../conf/config.js"],function(){
	
	require(["sw", "template", "jquery", "jquery.ui"], function(Swiper,template){
		
		$(function(){
		//判断页面上下滚动
			let p=0;
 
            let t= $(window).scrollTop();
			
			let $posRoot = $("div.posRoot");
			
			$(window).scroll(function(){

				p=$(this).scrollTop();
				
				if(t<p){

					//下滚
					if($posRoot.position().top == 0){
						
						$posRoot.stop().animate({top:-56},300);
					}
					
				}else{

                    //上滚        
					if($posRoot.position().top <= -56){
						
						$posRoot.stop().animate({top:0},300);
					}
                }

                setTimeout(function(){ t = p;},0)

           })
		
			//搜索按钮点击
			let $inputRoot = $(".inputRoot");
			
			let ifIntputOpen = true;
			
			$inputRoot.on("click",function(e){
				
				e.stopPropagation();
			});
			
			$("#searchBtn").on("click",function(e){
				
				e.stopPropagation();
				
					if(!ifIntputOpen && $inputRoot.children()[0].value.replace(/\s*/g,"") != ""){
						
						
						return;
					}
					
					let long = ifIntputOpen ? 260 : 0;
					
					$inputRoot.stop().animate({width:long},500, function(){
						// console.log($(this).children("input")[0]);
						if($(this).width() == 260) {
							
							$(this).children("input").focus();
							
						}
					});
					
					ifIntputOpen = !ifIntputOpen;
				
			});
			
			$(document).on("click",function(){
				
				$inputRoot.stop().animate({width:0},500);
				
				ifIntputOpen = true;
				
			});

			//轮播图
			let swiper = new Swiper('.swiper-container', {
				
				// autoplay: true,//可选选项，自动滑动
				loop: true, // 循环模式选项
				simulateTouch : false,//禁止鼠标模拟
				//如果设置为false，用户操作swiper之后自动切换不会停止，每次都会重新启动autoplay
				autoplay: {
					disableOnInteraction: false
				},
			
				// 如果需要分页器
				pagination: {
				  el: '.swiper-pagination',
				  clickable :true,
				  type: 'bullets',
				  bulletClass : 'my-bullet',
				  bulletActiveClass: 'my-bullet-active'

				},
				
				// 如果需要前进后退按钮
				navigation: {
				  nextEl: '.swiper-button-next',
				  prevEl: '.swiper-button-prev'
				}
				
				// 如果需要滚动条
				// scrollbar: {
				//   el: '.swiper-scrollbar',
				//   
				// }
				
			}); 
			// $(".swiperButtonPrevRoot,.swiperButtonNextRoot").show();
			// //轮播图事件添加
			// $(".bannerMain").on("mouseenter", function(e){
			// 	// $(".swiperButtonPrevRoot,.swiperButtonNextRoot").show();
			// 	console.log("3333",e.currentTarget);
			// })
			// 
			// $(".bannerRoot").on("mouseout", function(e){
			// 	// $(".swiperButtonPrevRoot,.swiperButtonNextRoot").show();
			// 	console.log("4444",e.currentTarget);
			// })
			// 
			// $(".bannerRoot").on("mouseover", function(e){
			// 	console.log("5555",e.currentTarget);
			// 	// $(".swiperButtonPrevRoot,.swiperButtonNextRoot").hide();
			// })
			
			//获取首页商品列表
			$.ajax({
				url:"http://localhost:8000/source/data/indexData.json",
				success:function(data){
					// console.log(data);
					
					let htmlStr = template("goodsList", {
										list: data
								});
							
					$("ul.displayZone2List").html(htmlStr);
				}
				
			});
			
			//使商店小手运动
			$("a.shopBtn").on("mouseenter",function(){
				
				let $hand = $(this).children(".shopHand");
				
				$hand.animate({left:-15},400);
				$hand.animate({left:0},400);
				$hand.animate({left:-15},400);
				$hand.animate({left:0},400);
				
			});
			
			//商店下拉菜单
			// console.log($.innerWidth());
			// $("#warp2 li.shopTap>div.navExtend").width(window.innerWidth);
			// let $shopExtendDiv = $("#warp2>div.navExtend");
			// 
			// let $shopTap = $("#warp2>div.content>ul>li.shopTap>a");
			
			// $(#warp2>div.content>ul>li.shopTap, #warp2>div.navExtend).on("mouseover", function(e){
			// 	
			// 	e.stopPropagation();
			// 	
			// 	$shopExtendDiv.stop().show();
			// })
			
			// $(document).on("mouseover", function(){
			// 	
			// 	$shopExtendDiv.stop().hide();
			// 	
			// });
		});
		
		
	});
	
	
});